<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<!--网页上实现计算圆的周长和面积。

		弹出输入框让用户输入圆的半径，

		若用户未输入提示半径不能为空，

		若用户输入非数字则提示请输入正确数字，

		若用户输入正确则计算出圆的周长和面积显示在页面上。-->



	</head>

	<body>

		<p>半径：</p>

		<input id="n1" type="text"/>

		

		<br/>

		<br/>

		<p>

			<input id="btn" type="button" value="周长" onclick="add()"/>

			<input id="btn1" type="button" value="面积" onclick="jia()"/>

			

		</p>

		<p id="sum"></p>

		

		<script>

			function add(){

				var num1=document.getElementById('n1');

				var sum=document.getElementById('sum');

				result=Number(num1.value)*2*3.14;

				if(isNaN(num1.value)){

					alert("输入的不是数字哦")

				}else{

					sum.innerHTML=(num1.value)+"*2"+"*π"+"="+result;
				}
			}


			function jia(){

				var num1=document.getElementById('n1');

				var sum=document.getElementById('sum');

				var result=num1.value*num1.value*3.14;

			if(isNaN(num1.value)){
            alert("输入的不是数字哦")
			}else{
		sum.innerHTML=(num1.value)+"^2"+"*π"+"="+result;

				}
			}
		</script>

	</body>

</html>

